<template>
	<view class="">
		<view class="login-otherlogin u-f ">
		 <view class="login-borer-l"> </view> 第三方登录 <view class="login-borer-r"> </view> 
		</view>
		<!-- 第三方登录 -->
		<!-- <view class="user-info">
			<view class="user-icon u-f u-f-jsb">
					<u-icon name="weixin-circle-fill" color="#2AD19B" size="100"></u-icon>
					<u-icon name="weibo-circle-fill" color="  #EE5E5E" size="100"></u-icon>
					<u-icon name="qq-circle-fill" color="#5280CE" size="100"></u-icon>	
			</view>
		</view> -->
		<other-auth></other-auth>
		<!-- 协议 -->
		<view class="login-now u-f-ajc">
			注册即代表您同意了<text>《糗事百科用户协议》</text>
		</view>
	</view>
</template>

<script>
	import otherAuth from '../common/other-auth.vue'
	export default{
		components:{
			otherAuth
		}
	}
</script>

<style>
	.login-otherlogin{
		margin-top: 20upx;
		color: #C6C6C6;
		font-size: 25upx;
		justify-content: space-around;
	}
	.login-borer-r,.login-borer-l{
		width: 130upx;
		margin-top: 20upx;
		border-top: #EEEEEE 1upx solid;
	}
	
	.login-borer-l{
	margin-left: 90upx;
	}
	.login-borer-r{
	margin-right: 90upx;
	}
	.user-icon{
		
		margin: 30upx 150upx;
	}
	.login-now{
		color: #9F9F9F;
		font-size: 25upx;
		margin-top: 20upx;
	}
	.login-now>text{
		color: #2FAFFC;
		margin-left: 5upx;
		font-size: 25upx;
	}
</style>
